
/* Padding and Margin */


.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}

.m-t-5 {
  margin-top: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-5 {
  padding: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-t-5{
  padding-top: 5px !important;
}

.p-t-10{
  padding-top: 10px !important;
}

.p-t-15{
  padding-top: 15px !important;
}

.p-t-20{
  padding-top: 20px !important;
}

/* Icons */
.fa-3x {
  font-size: 3em;
}

.fa-2x {
  font-size: 2em;
}

.fa-1x {
  font-size: 1.5em;
}

/* Text Aligment */

.text-center {
  text-align: center!important;
}

/* Font */

.font-weight-bold {
  font-weight: 700!important;
}

/* Colors */
.dark-blue {
  color: #3f51b5 !important;
}

.dark-green {
  color: #00695c !important;
}


.dark-red {
  color: #C1292E !important;
}

.btn-dark-blue {
  background-color: #3f51b5 !important;
  color: #fff !important;
}
.btn-dark-blue:hover {
  background-color: #fff !important;
  color: #1A237E !important;
}

/* Closest AA compatible for color contrast (a11y) */
a {
  color: #007db6;
}
.btn, .btn-large, .btn-small, .btn-floating {
  background-color: #008376;
}
.btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
  background-color: #00897b;
}
.teal-text {
  color: #008376 !important;
}
.dropdown-content li > a, .dropdown-content li > span {
  color: #008376;
}

.email-newsletter {
  height: 2em !important;
  font-size: 12px !important;
}

.table-container {
  overflow: scroll;
}

.table-container tr:nth-child(even) {
  background-color: #f2f2f2
}

.table-container tbody tr:hover {
  background-color: #ddd !important;
}

.table-custom {
  font-size: 13px;
}

.table-custom td, .table-custom th {
  padding: 5px 5px;
}

.pagination {
  font-size: 13px;
}

.pagination li i {
  font-size: 1.3rem;
}

.error-container p{
  font-size: 1.4rem;
}

.filter-error {
  color: #ee6e73;
  font-size: 1rem;
}

#id_username {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="60"><text x="5" y="29" style="font-family: Roboto, sans-serif; font-size:16px; fill:rgb(50,50,50)">@</text></svg>') no-repeat;
  padding-left: 1.4rem !important;
  width: 100%;
  box-sizing: border-box !important;
}
